﻿<UserControl
    x:Class="UI.Control.Kiosk"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wpf="clr-namespace:ViewOnCore.Helper.WPF;assembly=ViewOnCore"
    xmlns:control="clr-namespace:UI.Control"
    Background="Black">
    <Grid x:Name="griMain" ClipToBounds="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid Grid.RowSpan="2">
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Top" Width="Auto" Height="Auto" Text="" TextWrapping="Wrap" x:Name="txtLine1" Foreground="{DynamicResource VOColor02}" Margin="0,3,0,0" FontSize="14" FontFamily="Arial Rounded MT"/>
			<TextBlock HorizontalAlignment="Center" VerticalAlignment="Top" Width="Auto" Height="Auto" Text="" TextWrapping="Wrap" x:Name="txtLine2" Foreground="{DynamicResource VOColor02}" Margin="0,18,0,0" FontSize="12" FontFamily="Arial Rounded MT"/>
		</Grid>
        <StackPanel x:Name="stPanel" Orientation="Vertical" ClipToBounds="True" Grid.Row="1"/>
        <Canvas x:Name="canMouse" Grid.Row="1">
            <Ellipse x:Name="eliMouse" Width="24" Height="24" Opacity="0" Fill="{DynamicResource VOColor02}" Stroke="{DynamicResource VOColor14}" StrokeThickness="1" RenderTransformOrigin="0.5,0.5">
                <!--Ellipse.Fill>
                    <RadialGradientBrush>
                        <GradientStop Offset="0" Color="{DynamicResource VOColor02}"/>
                        <GradientStop Offset="1" Color="{DynamicResource VOColor02}"/>
                    </RadialGradientBrush>
                </Ellipse.Fill-->
                <Ellipse.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="0" ScaleY="0"/>
                    </TransformGroup>
                </Ellipse.RenderTransform>
                <Ellipse.Resources>
                    <Storyboard x:Key="showAnimation">
                        <Storyboard.Children>
                            <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" From="0.3"  To="0.85" Storyboard.TargetProperty="Opacity" />
                            <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" From="0.3" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"/>
                            <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" From="0.3" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"/>
                        </Storyboard.Children>
                    </Storyboard>
                    <Storyboard x:Key="hideAnimation">
                        <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" To="0" Storyboard.TargetProperty="Opacity"/>
                        <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"/>
                        <DoubleAnimation Storyboard.TargetName="eliMouse" Duration="0:0:0.20" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"/>
                    </Storyboard>
                </Ellipse.Resources>
            </Ellipse>
        </Canvas>
    </Grid>
</UserControl>
